<template>
  <view style="height: 150rpx"></view>
  <view class="x-bottom">
    <slot></slot>
  </view>
</template>

<script setup name="x-bottom">

</script>

<style scoped lang="less">
.x-bottom {
  width: 100%;
  background-color: #fff;
  padding: 20rpx;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  z-index: 2; /* 调整层次顺序 */
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
</style>
